<div id="header">
    <div id="Logo">
        <div id="LogoContent">
            <a href="/catalog/view"> <img src="../../images/logo-topbar.gif"></a>
        </div>
    </div>

    <div id="Menu">
        <div id="MenuContent">
            <a href="/Cart/viewCart">
                <img align="middle" name="img_cart" src="../../images/cart.gif"/></a>
            <img align="middle" src="../../images/separator.gif" />

            <a href="./user-login.html?redirect=index.html" class="signOn">sign on</a>
            <img class="signOn" align="middle" src="../../images/separator.gif" />

            <input type="button" value="Sign out" class="signOut" id="signout-button">
            <img class="signOut" align="middle" src="../../images/separator.gif" />

            <a class="signOut">MyAccount</a>

            <img class="signOut" align="middle" src="../../images/separator.gif" />

            <a>Log</a>

            <img align="middle" src="../../images/separator.gif" />

            <a href="viewHelp">?</a>
        </div>
    </div>

    <div id="Search">
        <div id="SearchContent">
            <form action="/catalog/searchProducts" method="post">
                <input type="text" id="keyword" name="keyword" size="14" />
<!--                       <div class="auto hidden" id="auto">-->
<!--                           <div class="auto_out">1</div>-->
<!--                           <div class="auto_out">2</div>-->
<!--                       </div>-->
                <input type="submit" name="searchProducts" value="Search" />
                <!-- <script src="/js/searchProduct.js"></script> -->
            </form>
        </div>
    </div>

    <div id="QuickLinks">
        <a href="./catalog-list.html?id=FISH&route=product">
            <img src="../../images/sm_fish.gif" /></a>
<!--               <a th:href="@{'viewCategory?categoryId=FISH'"><img src="../images/sm_fish.gif" /></a>-->

        <img src="../../images/separator.gif" />

        <a href="./catalog-list.html?id=DOGS&route=product">
            <img src="../../images/sm_dogs.gif" /></a>

        <img src="../../images/separator.gif" />

        <a href="./catalog-list.html?id=REPTILES&route=product">
            <img src="../../images/sm_reptiles.gif" /></a>

        <img src="../../images/separator.gif" />

        <a href="./catalog-list.html?id=CATS&route=product">
            <img src="../../images/sm_cats.gif" /></a>

        <img src="../../images/separator.gif" />

        <a href="./catalog-list.html?id=BIRDS&route=product">
            <img src="../../images/sm_birds.gif" /></a>

    </div>

</div>